﻿<!DOCTYPE html>
<html>
<head>
    <title>Wurl - Anything to declare?</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.scrolly.min.js"></script>
    <script src="js/jquery.dropotron.min.js"></script>
    <script src="js/jquery.scrollex.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/skel-layers.min.js"></script>
    <script src="js/init.js">
       
    </script>
    <link rel="apple-touch-icon" sizes="57x57" href="favico/apple-touch-icon-57x57.png">

    <link rel="apple-touch-icon" sizes="60x60" href="favico/apple-touch-icon-60x60.png">

    <link rel="apple-touch-icon" sizes="72x72" href="favico/apple-touch-icon-72x72.png">

    <link rel="apple-touch-icon" sizes="76x76" href="favico/apple-touch-icon-76x76.png">

    <link rel="apple-touch-icon" sizes="114x114" href="favico/apple-touch-icon-114x114.png">

    <link rel="apple-touch-icon" sizes="120x120" href="favico/apple-touch-icon-120x120.png">

    <link rel="apple-touch-icon" sizes="144x144" href="favico/apple-touch-icon-144x144.png">

    <link rel="apple-touch-icon" sizes="152x152" href="favico/apple-touch-icon-152x152.png">

    <link rel="apple-touch-icon" sizes="180x180" href="favico/apple-touch-icon-180x180.png">

    <link rel="icon" type="image/png" href="favico/favicon-32x32.png" sizes="32x32">

    <link rel="icon" type="image/png" href="favico/android-chrome-192x192.png" sizes="192x192">

    <link rel="icon" type="image/png" href="favico/favicon-96x96.png" sizes="96x96">

    <link rel="icon" type="image/png" href="favico/favicon-16x16.png" sizes="16x16">

    <link rel="manifest" href="favico/manifest.json">
    <meta name="msapplication-TileColor" content="#da532c">

    <meta name="msapplication-TileImage" content="favico/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <noscript>


        <link rel="stylesheet" href="css/skel.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-xlarge.css" />

    </noscript>
    <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body class="landing">

    <!-- Header -->
    <header id="header" class="skel-layers-fixed">
        <h1 id="logo">
            <a href="splash.html">
                <img src="images/navheader.png" />



            </a>

        </h1>
        <nav id="nav">
            <ul>
                <li>
                    <script type="text/javascript">
                    var currentTime = new Date()
                    var hours = currentTime.getHours()
                    var minutes = currentTime.getMinutes()

                    if (minutes < 10) {
                        minutes = "0" + minutes
                    }
                    var suffix = "AM";
                    if (hours >= 12) {
                        suffix = "PM";
                        hours = hours - 12;
                    }
                    if (hours == 0) {
                        hours = 12;
                    }

                    document.write(hours + ":" + minutes + " " + suffix)


                    </script>
                </li>
                <li><a href="index.html">About Wurl</a></li>


                <li>
                    <a href="">Messages</a>
                </li>



                <li>
                    <a href="profileView.html">Your Wurl</a>
                    <ul>
                        <li><a href="#">View Upcoming Events</a></li>
                        <li><a href="#">Create An Event</a></li>
                        <li><a href="#">View Your Events</a></li>

                    </ul>
                </li>

                </li>

                <li><a href="#" class="button special">Sign Up</a></li>
            </ul>
        </nav>
    </header>

    <!-- Banner -->
    <section id="banner">
        <div class="content">
            <header>
                <h2>Welcome to Wurl</h2>
                <p>
                    Anything to declare? Step onboard Wurl.<br />
                    The social network for strangers in a strange land.
                </p>
            </header>
            <span class="image"><img src="images/wurlpic01.png" alt="" /></span>
        </div>
        <a href="#one" class="goto-next scrolly">Next</a>
    </section>

    <!-- One -->
    <section id="one" class="spotlight style1 bottom">
        <span class="image fit main"><img src="images/sydneypic02.jpg" alt="" /></span>
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="4u 12u$(medium)">
                        <header>
                            <h2>Are you an Australian in Singapore?</h2>
                            <p>How about an American in Addis Ababa?</p>
                        </header>
                    </div>
                    <div class="4u 12u$(medium)">
                        <p>
                            Then Wurl is for you. The social network for expatriates, Wurl
                            connects you with your surroundings. Find friends, attend local
                            events, keep in contact with your local mates, and muse about your
                            experiences in your new neighborhood. Wurl will be there to help you
                            acclimate.
                        </p>
                    </div>
                    <div class="4u$ 12u$(medium)">
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
        <a href="#two" class="goto-next scrolly">Next</a>
    </section>

    <!-- Two -->
    <section id="two" class="spotlight style2 right">
        <span class="image fit main"><img src="images/passportpic03.2.jpg" alt="" /></span>
        <div class="content">
            <header>
                <h2>Bring your passport.</h2>
                <h2>We'll stamp it for you.</h2>
                <p>Name your current country of residence, and of origin, and we'll take care of the rest.</p>
            </header>
            <p>
                We'll connect you with like-minded people in your area, keep you updated with
                current events in your area and region, and local businesses that offer the goods
                and services you want.
            </p>
            <ul class="actions">
                <li><a href="#" class="button">Partners</a></li>
            </ul>
        </div>
        <a href="#three" class="goto-next scrolly">Next</a>
    </section>

    <!-- Three -->
    <section id="three" class="spotlight style3 left">
        <span class="image fit main bottom"><img src="images/barcelonapic04.png" /></span>
        <div class="content">
            <header>
                <h2>Connect across the street, and across borders.</h2>
                <p>Stay connected with those around you, around the globe.</p>
            </header>
            <p>
                Across multiple platforms, around the world, in any situation. Wurl is there.
                From Bonaire to Barcelona, Sydney to Santiago, and everywhere in between.
                We'll keep you in touch with those around you, and beyond.
            </p>
            <ul class="actions">
                <li><a href="#" class="button">Learn More</a></li>
            </ul>
        </div>
        <a href="#four" class="goto-next scrolly">Next</a>
    </section>

    <!-- Four -->
    <section id="four" class="wrapper style1 special fade-up">
        <div class="container">
            <header class="major">
                <h2>The Wurl is Your Oyster</h2>
                <p>Explore what makes Wurl the premier social network for expatriates and world travelers.</p>
            </header>
            <div class="box alt">
                <div class="row uniform">
                    <section class="4u 6u(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-area-chart"></span>
                        <h3>Events</h3>
                        <p>Find local events in your area. Become one with your surroundings. Join the locals and others alike, and <em>carpe diem</em>.</p>
                    </section>
                    <section class="4u 6u$(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-comment"></span>
                        <h3>Connect</h3>
                        <p>You're not alone. Wurl connects you with expatriates in your area, creating enclaves of users without isolation from your area.</p>
                    </section>
                    <section class="4u$ 6u(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-flask"></span>
                        <h3>Commerce and Services</h3>
                        <p>We'll introduce you to local services, goods, and essentials in your area. Never feel inaccessible in your city.</p>
                    </section>
                    <section class="4u 6u$(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-paper-plane"></span>
                        <h3>Explore your region</h3>
                        <p>We want our users to become world travelers, that's why we keep you updated not only with your local stories, but regional and abroad.</p>
                    </section>
                    <section class="4u 6u(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-file"></span>
                        <h3>Tell your story</h3>
                        <p>Share your experience abroad with other users, and even friends and family around the world. We want to hear from you!</p>
                    </section>
                    <section class="4u$ 6u$(medium) 12u$(xsmall)">
                        <span class="icon alt major fa-lock"></span>
                        <h3>Security</h3>
                        <p>We take pride in our security. We will never sell your information to anyone. We support onion routing and advocate for your right to speech.</p>
                    </section>
                </div>
            </div>
            <footer class="major">
                <ul class="actions">
                    <li><a href="#" class="button">Try A Demo</a></li>
                </ul>
            </footer>
        </div>
    </section>

    <!-- Five -->
    <section id="five" class="wrapper style2 special fade">
        <div class="container">
            <header>
                <h2>Keep updated with Wurl</h2>
                <p>There's no obligation to listen to us, but we would love to tell you what's happening.</p>
            </header>
            <form method="post" action="#" class="container 50%">
                <div class="row uniform 50%">
                    <div class="8u 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
                    <div class="4u$ 12u$(xsmall)"><input type="submit" value="Subscribe" class="fit special" /></div>
                </div>
            </form>
        </div>
    </section>

    <!-- Footer -->
    <footer id="footer">
        <ul class="icons">
            <li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
            <li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
            <li><a href="#" class="icon alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
            <li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
            <li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
            <li><a href="#" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
        </ul>
        <ul class="copyright">
            <li>&copy; Wurl, A Cobra Product. All rights reserved.</li>
        </ul>
    </footer>

</body>
</html>